// Tailwind styles indivned via className
import React from "react";
import privacyImg from "../assets/privacy.png";
import textImg from "../assets/document-text.svg";
import refreshImg from "../assets/refresh-2.svg";
import securityuserImg from "../assets/security-user.svg";
import shareImg from "../assets/share.svg";
import messageprogrammingImg from "../assets/message-programming.svg";
import usereditImg from "../assets/user-edit.svg";

export default function PrivacyPodivcy() {
  return (
    <div
      className="h-screen bg-cover bg-center bg-no-repeat relative
       -mx-4 mb-2 text-[#2F2F2F] text-[13px]"
    >
      <div className="h-[536px] bg-[rgba(63,164,82,0.3)]/0 bg-gradient-to-b from-[rgba(63,164,82,0.3)] to-transparent absolute top-[0] w-full"></div>
      <img
        src={privacyImg}
        alt="隐私政策"
        className="w-[173px] h-[239px] object-contain absolute top-[-44px] right-[-10px]"
      />
      <div className="text-sm md:text-base px-[22px] pb-[30px] ">
        <div className="text-[17px] md:text-xl m-[0] pt-[60px]  tracking-normal font-[600] tracking-normal">
          《UPM活动预约隐私协议》
        </div>
        <div className="mt-[35px] font-normal tracking-normal mb-[20px]">
          芬欧蓝泰标签（中国）有限公司（注册地址位于
          江苏省常熟经济开发区通港路88号，以下简称“我们”或“UPM”）深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。
        </div>
        <div className="font-normal tracking-normal">
          本《隐私协议》（以下简称“本协议”）旨在向您说明，我们在为您提供“UPM全生命周期医药标签解决方案”线上直播预约服务（以下简称“本服务”）时，将如何收集、使用、存储、共享和保护您的个人信息，以及您所享有的权利。
        </div>
        <div className="mt-[35px]  tracking-normal mb-2 font-[600]">
          请您在使用本服务前，务必仔细阅读并充分理解本协议，特别是以粗体标识的条款。当您勾选或点击“同意”即表示您已同意我们按照本协议来处理您的个人信息。
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img src={textImg} className="w-[20px] h-[20px] object-contain" />
          <div className="font-[15px] font-[600]">
            我们如何收集和使用您的个人信息
          </div>
        </div>
        <div className="flex flex-col gap-[10px]">
          <div className="">
            为实现本服务的核心功能（即活动预约），我们会在您自愿提供的基础上，收集您的以下个人信息：
          </div>
          <div className=" font-[600] flex items-center gap-[8px]">
            <div className="w-[6px] h-[6px] rounded-full bg-[#3C8149]"></div>
            <div>个人基本资料： 您的姓名、手机号码、公司名称。</div>
          </div>
          <div className=" font-[600] flex items-center gap-[8px]">
            <div className="w-[6px] h-[6px] rounded-full bg-[#3C8149]"></div>
            <div>使用目的：</div>
          </div>
          <div className="">
            <span className="font-[600]">a、（活动注册）</span>
            为您完成本次11月18日直播活动的报名登记；
          </div>
          <div className="">
            <span className="font-[600]">b、（活动通知）</span>
            通过您提供的手机号码，向您发送活动提醒（如短信或电话）；
          </div>
          <div className="">
            <span className="font-[600]">c、（后续跟进）</span>
            在活动结束后，我们的专业销售或市场人员可能使用您的信息与您联系，进行客户回访、发送活动资料或提供您可能感兴趣的产品/解决方案介绍。
          </div>
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img
            src={messageprogrammingImg}
            className="w-[20px] h-[20px] object-contain"
          />
          <div className="font-[15px] font-[600]">我们的数据处理与委托</div>
        </div>
        <div className="flex flex-col gap-[10px]">
          <div className="">
            为实现本协议所述目的，我们可能会委托授权合作伙伴（即服务提供商）处理您的信息。
          </div>
          <div className="flex items-start gap-[8px]">
            <div className="before:content-[''] before:block before:w-[6px] before:h-[6px] before:mt-[6px] before:rounded-full before:bg-[#3C8149] before:absolute before:left-[20px] pl-[10px]">在本服务中，我们委托第三方公司 作为本H5活动页面的技术服务商。</div>
          </div>
          <div className="flex items-start gap-[8px]">
            <div className="before:content-[''] before:block before:w-[6px] before:h-[6px] before:mt-[6px] before:rounded-full before:bg-[#3C8149] before:absolute before:left-[20px] pl-[10px]">该公司将仅为提供本服务所需（例如系统开发、数据存储、网络运维）的目的，并在我们的明确指示下访问或处理您的数据。</div>
          </div>
          <div className="flex items-start gap-[8px]">
            <div className="before:content-[''] before:block before:w-[6px] before:h-[6px] before:mt-[6px] before:rounded-full before:bg-[#3C8149] before:absolute before:left-[20px] pl-[10px]">我们已与该公司签署了严格的数据处理协议，要求其采取足够的保护措施，并在活动结束后
            3 日内彻底删除或匿名化其服务器上存储的本次活动数据。</div>
          </div>
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img src={shareImg} className="w-[20px] h-[20px] object-contain" />
          <div className="font-[15px] font-[600]">
            我们如何共享、转让、公开披露您的个人信息
          </div>
        </div>
        <div className="flex flex-col gap-[10px]">
          <div className="">
            我们承诺对您的信息严格保密。除本协议第二条所述的受委托服务商外，我们不会与任何第三方公司、组织和个人共享您的个人信息，但以下情况除外：
          </div>
          <div className="">1、获得您的明确同意后；</div>
          <div className="">
            2、根据适用的法律法规、法律程序的要求或政府主管部门的强制性要求所必须的情况下。
            我们不会将您的个人信息转让或公开披露，除非法律另有规定或获得您的明确授权。
          </div>
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img
            src={securityuserImg}
            className="w-[20px] h-[20px] object-contain"
          />
          <div className="font-[15px] font-[600]">
            我们如何存储和保护您的个人信息
          </div>
        </div>
        <div className="flex flex-col gap-[10px]">
          <div className="">1、
            <span className="font-[600]">存储地点： </span>
            您的个人信息将存储在中华人民共和国境内。
          </div>
          <div className="">2、
            <span className="font-[600]">存储期限： </span>
            我们将在实现本协议所述目的所必需的最短时间内存储您的个人信息。在超出上述存储期限后，我们将对您的个人信息进行删除或匿名化处理。
          </div>
          <div className="">3、
            <span className="font-[600]">保护措施： </span>
            我们已使用符合业界标准的安全防护措施（如加密技术、访问控制）保护您提供的个人信息，防止数据遭到未经授权的访问、泄露、篡改或丢失。
          </div>
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img src={usereditImg} className="w-[20px] h-[20px] object-contain" />
          <div className="font-[15px] font-[600]">您的权利</div>
        </div>
        <div className="flex flex-col gap-[10px]">
          <div className="">
            根据中国《个人信息保护法》，您对自己的个人信息享有以下权利：
          </div>
          <div className="">
            <span className="font-[600]">1、查阅和更正： </span>
            您有权查阅或更正您的个人信息。
          </div>
          <div className="">
            <span className="font-[600]">2、删除： </span>
             在特定情形下，您可以请求我们删除您的个人信息。
          </div>
          <div className="">
            <span className="font-[600]">3、撤回同意： </span>
             您有权随时撤回您对我们处理您个人信息的同意。
          </div>
          <div className="text-[#6C6C6C] text-[12px] pl-[30px]">
            <div className="mb-[8px]">
              如您希望行使上述权利，或对本协议有任何疑问，请通过以下方式联系我们：
            </div>
            <div className="">数据控制者名称： 芬欧蓝泰标签（中国）有限公司</div>
            <div className="">联系邮箱： privacy@upm.com</div>
            <div className="mb-[8px]">联系电话： +86 512 5229 9588</div>
            <div className="">我们将在收到您的请求后 15 个工作日内予以响应。</div>
          </div>
        </div>

        <div className="flex items-center mb-[14px] mt-[35px] gap-[9px]">
          <img src={refreshImg} className="w-[20px] h-[20px] object-contain" />
          <div className="font-[15px] font-[600]">协议的更新</div>
        </div>
        <div className="">
          我们保留适时更新本协议的权利。任何重大变更我们都会在本页面上发布通知。
        </div>
      </div>
    </div>
  );
}
